
.home-main{
  overflow: hidden;
  position: absolute; top: .64rem; right: 0; bottom: 0; left: 0;
}

.home-slider{
  position: relative;
  width: 100%; height: 100%;

  .slider-item{
    @extend %bgfull;
  }
  .slider-prev, .slider-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: .3rem;
    height: .8rem;
    margin-top: -0.5rem;
    @extend %bgfull;
    cursor: pointer;
  }
  .slider-prev {
    left: 5%;
    background-image: url("/@@/images/arrow_left.png");
  }
  .slider-next {
    right: 5%;
    background-image: url("/@@/images/arrow_right.png");
  }
  .slider-page{
    box-sizing: border-box;
    position: absolute; z-index: 5; bottom: 5% !important;
    text-align: center; font-size: 0; line-height: 0;

    .swiper-pagination-bullet{
      width: 10%; height: 3px;
      margin: 0 10px;
      background: white;
      border-radius: 0;
      opacity: .69;
      &.swiper-pagination-bullet-active{
        background-color: $color-brown;
      }
    }
  }
}
